﻿<script src="/content/jquery/jquery.qrcode.min.js" type="text/javascript"></script>

<div style="background-color: #fff; margin: 20px 0px;">
    <div class="row">
        <div class="span7">
            <div style="background: url(/content/images/portal/exam_bg.jpg) no-repeat; height: 519px;"></div>
        </div>
        <div class="span5">
            <div style="padding: 150px 0px 0px 0px; text-align: left; font-family: 微软雅黑; font-size: 18px; color: #ccc">
                <form class="form-horizontal">
                    <div class="control-group">
                        <label class="control-label" for="txtStudentNo" style="font-size: 18px">请输入身份证号</label>
                        <div class="controls">
                            <input type="text" id="txtStudentNo" placeholder="身份证号">
                        </div>
                    </div>
                    <div style="padding-left: 30px">
                        <button class="btn btn-success" style="width: 85%; padding: 10px 0px; font-size: 18px;" onclick="return mysubmit()">打印二维码准考证</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal hide fade" id="message">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>请携带这个二维码，进入考场时刷码。</h3>
    </div>
    <div class="modal-body" style="text-align:center">
        <div id="qrcode"></div>
        <p>准考证号：TCKS20140005</p>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $('#qrcode').qrcode("TCKS20140005");
    });

    function mysubmit() {
        if ($("#txtStudentNo").val() != '') {
            $('#message').modal({ show: true })
        }
        return false;
    }
</script>
